<div fxFlexFill fxLayoutAlign="center center" class="login_box" [ngClass]="source.className">
  <div id="bg_cover"></div>
  <form class="mat-elevation-z6" #loginForm="ngForm" novalidate fxFlex="400px" fxFlex.xs="100%">
    <!--  <div class="brand">
      <img src="http://getbootstrapadmin.com/remark/material/iconbar/assets/images/logo-blue.png" alt="">
      <h2 class="brand-text font-size-18">qbmf</h2>
    </div> -->
    <div class="brand" [ngClass]="source.className">
      <img class="mat-elevation-z0" [src]="source.brand" alt="">
    </div>
    <div style="padding: 35px 40px 80px;">
      <div class="mt40">
        <mat-form-field class="block">
          <input color="#fff" type="text" matInput [(ngModel)]="user.nick" name="nick" required #nick="ngModel" />
          <mat-placeholder>
            <mat-icon matPrefix fontIcon="fa-user"></mat-icon>{{'用户名'|translate}}
          </mat-placeholder>
          <mat-error hintLabel>{{'请输入用户名'|translate}}</mat-error>
        </mat-form-field>
      </div>
      <div class="mt40">
        <mat-form-field [ngClass]="{'mat-input-invalid':error}" class="block">
          <input type="password" matInput [(ngModel)]="user.password" name="password" required #password="ngModel" />
          <mat-placeholder>
            <mat-icon matPrefix fontIcon="fa-unlock-alt"></mat-icon>{{'密码'|translate}}
          </mat-placeholder>
          <mat-error hintLabel>{{'请输入密码'|translate}}</mat-error>
          <div class="red-text error" *ngIf="error">{{'用户名或密码错误'|translate}}</div>
        </mat-form-field>
      </div>
      <div class="mt20 clearfix">
        <mat-checkbox color="primary" [(ngModel)]="user.checked" name="remember">{{'记住密码'|translate}}</mat-checkbox>
        <a class="right line-height24 under_line" routerLink="/forget">{{'重置密码'|translate}}</a>
      </div>
      <div class="mt10">
        <button class="block primary submit" mat-raised-button (click)="submit()" [disabled]="!loginForm.valid">{{ '登录' | translate }}</button>
      </div>
      <p class="mt10 center-align pt20">
        <a routerLink="/reg" class="under_line">{{'立即注册'|translate}}</a>

      </p>
      <p class="mt10 center-align pt10">
        language：
        <translate-menu></translate-menu>
      </p>

    </div>
  </form>
</div>